<section class="listSection">
  <div class="listNav">
    主页>数采仪反控
  </div>

  <section class="content selectContent">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>查询条件</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12 listSectionSelect" >
        <form #userList="ngForm" (ngSubmit)="listMessage(userList.value)" class="form-inline" >
          <div class="row">
            <div class="form-group search-list">
              <label>排污企业名称：</label>
              <input [(ngModel)]="polluterName" name="polluterName" type="text" class="form-control" placeholder="请输入企业名称">
            </div>
            <div class="form-group search-list">
              <label> 选择监控类型：</label>
              <select [(ngModel)]="monitorType" name="monitorType" class="form-control selectStyle">
                <option value="">请选择监控类型</option>
                <option value="0">水监控类型</option>
                <option value="1">气监控类型</option>
              </select>
            </div>
            <div class="form-group search-list-btn">
              <button class="btn selectButtonOfA search-btn" type="submit" >查询</button>
            </div>
          </div>
          <div class="row">
            <div class="form-group search-list">
              <label>mn号： </label>
              <input [(ngModel)]="mn" name="mn" type="text" class="form-control" placeholder="请输入mn号">
            </div>
            <div class="form-group search-list">
            </div>
            <div class="form-group search-list search-list-btn ">
              <button class="btn selectButtonOfA reset-btn" type="reset">清除</button>
            </div>
            <!--<a [routerLink]="['../collectData']">反控</a>-->
          </div>
        </form>
      </div>
    </div>
  </section>

  <section class="content">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span> 数采仪列表</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="box-body">
          <table border="1" cellspacing="0"  class="table text-center listTable">
            <tr class="header-tab">
              <th>排污企业名称</th>
              <th>排放口名称</th>
              <th>监控点名称</th>
              <th>数采仪名称</th>
              <th>mn号</th>
              <th>监控类型</th>
              <th>操作</th>
            </tr>
            <tr *ngFor="let dataAcq of list">
              <td>{{dataAcq.polluterName}}</td>
              <td>{{dataAcq.portName}}</td>
              <td>{{dataAcq.monitorName}}</td>
              <td>{{dataAcq.dataAcqName}}</td>
              <td>{{dataAcq.mn}}</td>
              <td>
                <span *ngIf="dataAcq.monitorType=='0'">水监控类型</span>
                <span *ngIf="dataAcq.monitorType=='1'">气监控类型</span>
              </td>
              <td>
                  <span>
                      <img src="assets/icon/see.png" alt="反控">
                      <!--<a href="#" (click)="userMessage(user)">反控</a>-->
            <!--<a routerLink=["/home",id]>路由传参</a>-->
                    <a [routerLink]="['../collectData']" [queryParams]="{'id':dataAcq.id }">反控</a>
                  </span>
              </td>
            </tr>
          </table>
        </div>
        <page [pageParams]="{pageSize:pageSize,totalNum:totalNum,curPage:curPage,totalPage:totalPage}" (changeCurPage)="getPageData($event)"></page>
      </div>
    </div>
  </section>
</section>
